* {
  padding: 0;
  margin: 0
}


#subMenu * {
  margin: 0;
  padding: 0;
}
#subMenu {
  display: flex;
  justify-content: space-around;
  background: #0F8AC6;
  height: 60px;
  
}
#subMenu li {
  list-style-type: none;
  /* float: left; */
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #0F8AC6;
  line-height: 60px;
 

}

#subMenu li a {
  display: block;
  color: aliceblue;
  text-decoration: none;
}

#subMenu li a:hover {
  background: #eee;
  color: red;
}

#subMenu .dd ul {
  display: none;
}

#subMenu .dd:hover ul {
  display: block;
}
.banner img{
  width: 100%;
  object-fit: cover;
}
.content{
 padding-top: 80px;
  height: 800px;
  background-color: #E5F3FE;
}
.box{

  width: 1200px;
  height: 740px;
  margin: 0 auto;
  background-color: white;
}
.box{
  display: flex;
}
.left{
  width: 400px;
 
}
.left img{
  width: 240px;
  height: 230px;
  border-radius: 50%;
  margin: 40px 60px 10px 60px;
}
.left h2{
  text-align: center;
}
.right{
 padding: 40px;
}
.bottom{
  padding-left: 80px;
  margin-top: 80px;
}
.bottom li{
  margin-bottom: 20px;
}
.right h2{
  margin-bottom: 20px;
}
.right p{
  line-height: 30px;
}
.photo img{
  width: 200px;
  margin-right: 45px;
  height: 240px;
}
.footer{
  height: 50px;
 background:  #0F8AC6;
 text-align: center;
 line-height: 50px;
 color: white;
}